Chameleon-Inspired Mechanochromic Photonic Elastomer with Brilliant Structural Color and Stable Optical Response for Human Motion Visualization

Flexible and stretchable electronic devices are indispensable parts of wearable devices. However, these electronics employ electrical transducing modes and lack the ability to visually respond to external stimuli, restricting their versatile application in the visualized human–machine interaction. Inspired by the color variation of chameleons’ skin, we developed a series of novel mechanochromic photonic elastomers (PEs) with brilliant structural colors and a stable optical response. Typically, these PEs with a sandwich structure were prepared by embedding PS@SiO2 photonic crystals (PCs)within the polydimethylsiloxane (PDMS) elastomer. Benefiting from this structure, these PEs exhibit not only bright structural colors, but also superior structural integrity. Notably, they possess excellent mechanochromism through lattice spacing regulation, and their optical responses are stably maintained even when suffering from 100 stretching–releasing cycles, showing superior stability and reliability and excellent durability. Moreover, a variety of patterned PEs were successfully obtained through a facile mask method, which provides great inspiration to create intelligent patterns and displays. Based on these merits, such PEs can be utilized as visualized wearable devices for detecting various human joint movements in real time. This work offers a new strategy for realizing visualized interactions based on PEs, showing huge application prospects in photonic skins, soft robotics, and human–machine interactions.


Introduction
With the rapid development of wearable technology, a variety of wearable electronic devices are emerging accordingly. Among the different types of devices, flexible and stretchable electronic devices have attracted great attention because they can convert deformation induced by external mechanical stimuli into measurable electrical signals [1][2][3][4][5]. Based on this, such devices are widely used to detect the movement of human joints and physiological signals (such as the pulse, heartbeat, etc.), which has become a hot topic in scientific research. To date, great efforts have been dedicated to the development of different types of flexible electronic materials. In general, they are obtained by incorporating conductive sensing materials (metal nanoparticles, graphene, carbon nanotubes, graphite, and so on) with an elastic polymer matrix (such as silicon rubber, polyurethane, and polyurea) [6,7]. Through the optimization of the device structure or the development of new sensing materials, these devices have been designed to possess high sensitivity, rapid responses and excellent stability of the electrical responses. However, these electronics almost adopt electrical signals to feedback information [8,9], which needs to be further processed by connecting additional electronic devices for data presentation [10,11]. In addition, the outputted electrical signals cannot be observed intuitively by the naked eye, which limits core-shell nanospheres allow proper interaction with the elastomer because of the formation of a chemical interaction between the PDMS network and hydroxyl group on the surface of PS@SiO2 nanospheres, which is critical to the mechanochromic capability of PE. More importantly, the PEs exhibit distinct structural color variation upon stretching via lattice spacing regulation, allowing the visualization of external forces. We also demonstrate that these natural PEs can not only directly display external stimuli in real time but can also quantify the stimuli in a simple fashion. In addition, different patterned PEs were readily prepared using the mask method, which shows the feasibility of smart PC patterns. Based on the above advantages, we further demonstrate their ability as visualized devices for tracking human joint movements, revealing great potential in human-machine interactions, intelligent wearable devices, soft robotics, and so on.

Materials
The sodium dodecyl benzene sulfonate, styrene (St), and vinyltrimethoxysilane (VTMS) were purchased from Aladdin Biochemical Technology Co., Ltd. (Shanghai, China). The potassium peroxydisulfate was provided by Damao Chemical Reagent Factory (Tianjin, China). The PDMS was purchased from Dow Corning Co., Ltd. (Midland, MI, USA). The ammonia (25 wt%) and anhydrous ethanol (AR) were obtained from Fuyu Chemical Reagent Company (Shanghai, China). The St was washed three times using a 10% aqueous hydroxide solution to remove the polymerization inhibitors, and then washed with deionized water until reaching neutrality. The deionized water and highpurity nitrogen (99.999%) were produced by Suzhou University of Science and Technology and Suzhou Wuzhong Jinhong Gas Co., Ltd. (Suzhou, China), respectively. All reagents were used as received without further purification.

Preparation of PS and PS@SiO2 Microspheres
The PS microspheres were prepared by emulsion polymerization [40,41]. The general preparation process was as follows. Firstly, 135 mL of deionized water, an appropriate amount of sodium dodecyl benzene sulfonate, and 10.0 g of the St were put into a 250 mL three-neck flask equipped with a stirrer and a thermometer. Then, the temperature of the

Materials
The sodium dodecyl benzene sulfonate, styrene (St), and vinyltrimethoxysilane (VTMS) were purchased from Aladdin Biochemical Technology Co., Ltd. (Shanghai, China). The potassium peroxydisulfate was provided by Damao Chemical Reagent Factory (Tianjin, China). The PDMS was purchased from Dow Corning Co., Ltd. (Midland, MI, USA). The ammonia (25 wt%) and anhydrous ethanol (AR) were obtained from Fuyu Chemical Reagent Company (Shanghai, China). The St was washed three times using a 10% aqueous hydroxide solution to remove the polymerization inhibitors, and then washed with deionized water until reaching neutrality. The deionized water and high-purity nitrogen (99.999%) were produced by Suzhou University of Science and Technology and Suzhou Wuzhong Jinhong Gas Co., Ltd. (Suzhou, China), respectively. All reagents were used as received without further purification.

Preparation of PS and PS@SiO 2 Microspheres
The PS microspheres were prepared by emulsion polymerization [40,41]. The general preparation process was as follows. Firstly, 135 mL of deionized water, an appropriate amount of sodium dodecyl benzene sulfonate, and 10.0 g of the St were put into a 250 mL three-neck flask equipped with a stirrer and a thermometer. Then, the temperature of the above system was heated up to 85 • C through a water bath under the protection of a nitrogen atmosphere. Next, 0.100 g of potassium peroxydisulfate was added until the Polymers 2023, 15, 2635 4 of 12 temperature was stable. Finally, the PS microsphere emulsion was obtained after a 5 h reaction.
The PS@SiO 2 core-shell microspheres were fabricated using a modified Stöber method [42,43]. Firstly, 5 mL of PS emulsion was dispersed into 57 mL of deionized water and placed on a magnetic stirring plate. Then, 4 mL of ammonia solution and 27 mL of deionized water were added into the above system with stirring. Subsequently, an appropriate amount of VTMS (0.25 to 1 mL) was added dropwise into the reactor with a pipette gun (the amount of VTMS added ultimately determines the particle size of the microsphere). After the drop process was finished, the hydrolysis reaction was proceeded at room temperature for 6 h under continuous mechanically stirring. Finally, the suspension was centrifuged (9500 rpm, 10 min) and rinsed with anhydrous ethanol three times, then the obtained PS@SiO 2 microspheres were dispersed in ethanol for further use.

Preparation of PEs with a Sandwich Structure
Firstly, the precursor and curing agent of the PDMS were mixed thoroughly (m/m = 10/1) and poured onto the substrate. After degassing, the PDMS precursor was cured on a heating plate for 30 min at 85 • C to form a transparent film. Then, the cured PDMS was treated with oxygen plasma for 2 min. The PS@SiO 2 dispersion was subsequently coated onto the hydrophilic PDMS on a heating plate at 80 • C. After the dispersion solution was dried, the microspheres self-assembled into a three-dimensional ordered PC structure with a large area within several minutes. Next, the precursor of the PDMS (according to the volume ratio of the precursor and curing agent mentioned above) was infiltrated into the void of the PS@SiO 2 using strong capillary force to replace air, during which the structural color was red-shifted due to the increase in the effective refractive index. The color shift of the PS@SiO 2 colloidal crystals indicated that the precursor had completely filled the gaps between them. Finally, the PE (i.e., PDMS/PS@SiO 2 /PDMS composite film) with a sandwich structure was obtained after curing at 85 • C, followed by peeling off from the glass substrate.

Characterization
All SEM images including the morphologies of PS and PS@SiO 2 microspheres and the cross sections of the PEs were obtained using a scanning electron microscope (Hitachi, SU8020, Tokyo, Japan). Au was sputtered on the surfaces of the samples before tests. The reflectance spectra were measured using a PG2000-Pro fiber optic spectrometer (Shanghai Idea optics Co., Ltd., Shanghai, China). The reflection spectra of the PEs in the initial and stretching states were measured with a fixed incidence angle of 0 • . The particle sizes and Zeta potentials of the PS and PS@SiO 2 microspheres were obtained using a Malvern particle size analyzer (Shanghai Musen Biotechnology Co., Ltd., Shanghai, China). Digital photos of all the samples were taken using a smartphone in natural light. A mechanical tensile test was carried out using a universe testing machine (PT-305, Dongguan Precise Test Equipment Co., Ltd., Dongguan, China). The tensile rate was 5 mm min − 1 , and the tested samples of PE with a length of 21 mm, a width of 10 mm, and a thickness of 1.5 mm were prepared in a mold.

Preparation and Characterization of PEs
As depicted in Figure 2a, the PS@SiO 2 PC was firstly self-assembled on the hydrophilictreated PDMS substrate, and its voids were then infiltrated by an additional precursor of PDMS. After curing, the PE with a sandwich structure (PDMS/PS@SiO 2 /PDMS composite film) was successfully prepared (see Section 2, Materials and Methods for details). Due to the excellent mechanical properties of PDMS [44,45], the resultant PE exhibited excellent flexibility and mechanical compliance when subjected to typical deformations, including twisting, bending and stretching (discussed below), making this an ideal candidate for wearable electronics (Figure 2b). Obviously, the highly ordered assemblies and uniform sizes of the PS@SiO 2 PC and corresponding PS PCs, which are close-packed face-centeredcubic (FCC) structures, can be clearly seen in Figure 2c and Figure S1. As shown in Figure 2d, when the PDMS precursor infiltrated into the voids of the PS@SiO 2 , the reflection wavelength peak of the PC red-shifted from 438 to 479 nm, which displayed a color transition from violet to blue. This was because air (n air = 1) in the voids of the PC was replaced by PDMS (n PDMS = 1.41), which increased the effective refractive index. According to Bragg's law [46], the reflection position of the PS@SiO 2 PC can be theoretically calculated, which is given as follows: where λ is the maximum reflection wavelength, D is the diameter of spheres, n eff is the effective refractive index of the PE, θ is the angle between the incident light and the reflective surface, φ is the volume fraction of the particles, n 1 is the refractive index of the particles, and n 2 is the refractive index of the matrix. As the PDMS precursor infiltrates into the voids, the n eff increases accordingly, resulting in the red-shift of the λ. In addition, the cross-sectional SEM image of the PE in Figure 2e clearly shows its sandwich structure; that is, the PS@SiO 2 PC was sandwiched between two layers of PDMS. The enlarged SEM image of the PE indicates that the air in the gap between PS@SiO 2 PCs spheres was completely filled with PDMS, and the PC assemblies transformed into a loosely packed hexagonal structure, which facilitates mechanochromism [24,47].
Polymers 2023, 15, x FOR PEER REVIEW 5 of 12 excellent flexibility and mechanical compliance when subjected to typical deformations, including twisting, bending and stretching (discussed below), making this an ideal candidate for wearable electronics (Figure 2b). Obviously, the highly ordered assemblies and uniform sizes of the PS@SiO2 PC and corresponding PS PCs, which are close-packed facecentered-cubic (FCC) structures, can be clearly seen in Figure 2c and Figure S1. As shown in Figure 2d, when the PDMS precursor infiltrated into the voids of the PS@SiO2, the reflection wavelength peak of the PC red-shifted from 438 to 479 nm, which displayed a color transition from violet to blue. This was because air (nair = 1) in the voids of the PC was replaced by PDMS (nPDMS = 1.41), which increased the effective refractive index. According to Bragg's law [46], the reflection position of the PS@SiO2 PC can be theoretically calculated, which is given as follows: where λ is the maximum reflection wavelength, D is the diameter of spheres, neff is the effective refractive index of the PE, θ is the angle between the incident light and the reflective surface, ϕ is the volume fraction of the particles, n1 is the refractive index of the particles, and n2 is the refractive index of the matrix. As the PDMS precursor infiltrates into the voids, the neff increases accordingly, resulting in the red-shift of the λ. In addition, the cross-sectional SEM image of the PE in Figure 2e clearly shows its sandwich structure; that is, the PS@SiO2 PC was sandwiched between two layers of PDMS. The enlarged SEM image of the PE indicates that the air in the gap between PS@SiO2 PCs spheres was completely filled with PDMS, and the PC assemblies transformed into a loosely packed hexagonal structure, which facilitates mechanochromism [24,47].

Mechanochromic Properties of the Pes
Notably, the PEs demonstrated superior mechanochromic performance and good reversibility. A series of PEs with different structural colors were prepared by using

Mechanochromic Properties of the Pes
Notably, the PEs demonstrated superior mechanochromic performance and good reversibility. A series of PEs with different structural colors were prepared by using PS@SiO2 PCs with different particle sizes, all of which showed good mechanochromic performance, as can be seen in Figure 3a-e (see the detailed analysis in Figures S2-S9 and the Supporting Information). Taking the orange-colored PE as an example, its structural color varied gradually from orange to green when stretched from the initial state to 10% strain (Figure 3c). To quantitively evaluate the mechanochromic properties of PEs, optical spectroscopy was also carried out. Obviously, the reflection peak of the orange-colored PE gradually blueshifted from 599 to 583 nm accordingly, further confirming the above color-changing process (Figure 3h). Similarly, the change in structural color and the blue-shift in the wavelength peak can also be observed intuitively in other PEs (i.e., infrared, red, green, and blue PEs) (Figure 3f,g,i,j). The PE demonstrated good mechanochromic properties and exhibits excellent reversibility. The structural color of the orange PE underwent a gradual Taking the orange-colored PE as an example, its structural color varied gradually from orange to green when stretched from the initial state to 10% strain (Figure 3c). To quantitively evaluate the mechanochromic properties of PEs, optical spectroscopy was also carried out. Obviously, the reflection peak of the orange-colored PE gradually blueshifted from 599 to 583 nm accordingly, further confirming the above color-changing process (Figure 3h). Similarly, the change in structural color and the blue-shift in the wavelength peak can also be observed intuitively in other PEs (i.e., infrared, red, green, and blue PEs) (Figure 3f,g,i,j). The PE demonstrated good mechanochromic properties and exhibits excellent reversibility. The structural color of the orange PE underwent a gradual change from orange to green when longitudinally stretched from 0% to 10%, as shown in Figure 3c. During its elongation from 0% to 20%, the reflection peak gradually shifted from 600 to 583 nm ( Figure S10a). As shown in Figure S10b, there was a monotonic decrease in λ max with strain up to 20%. Obviously, when the strain ε x < 7.5 %, the λ max changes rapidly with increasing strain because the interparticle distance is sufficient to avoid contact between the two nanospheres; the deformation of the PE is dominated by the PDMS elastomer for small strain values. When further increasing the strain (7.5% < ε x < 20%), no obvious shift in λ max was observed due to the closed distance between neighboring PS@SiO 2 nanospheres. This color changing mechanism can be explained by Equation (3), as depicted in Figure 3k: where d is the lattice spacing. During stretching, the thickness in the vertical direction is decreased due to the overall volume of the PE remaining constant. In this case, the horizontal distance between the adjacent microspheres increases while the vertical distance decreases from d 0 to d 1 . Therefore, λ decreases with stretching according to Equation (3), further confirming the above experimental results. In addition, the optical response of the PEs generated by the tensile strain was kept constant and the reflection peaks remained stable at 630 nm and 619 nm during 100 tensile cycles at 10% strain, indicating its superior reproducibility and reversibility (Figure 3l). According to Bragg's Law, the reflection peak positions of PC films with a close-packed FCC structure can be theoretically calculated using Equations (4) and (5) λ max = 2dn eff = 8 3 1 2 Dn eff (4) where λ max is the maximum reflection wavelength; d is the (111) plane spacing; D is the diameter of the nanospheres; n eff refers to the effective refractive index; f air = 0.26 and f nanosphere = 0.74 are the volume fractions of the air and nanosphere, respectively; n air = 1, n PS ≈ 1.59, and n PS@SiO2 are the refractive indexes of the air, PS, and PS@SiO 2 , respectively. The value of n PS@SiO2 was calculated using Equation (6) where V PS and V SiO2 are the volumes of the PS nanospheres and the SiO 2 shell, respectively; V PS@SiO2 is the total volume of the PS@SiO 2 nanospheres;  (6). The calculated values of the corresponding reflection peak positions of the PC films were roughly in agreement with the observed peak positions ( Figures S1-S7), as shown in Tables S3 and S4. The PEs were prepared by infiltrating PDMS precursors into the interstices of the PS@SiO 2 opal template. Such infiltration increases the lattice spacing of the close-packed opal template, forming a loosely packed hexagonal structure (Figure 2e). However, considering that the interparticle distance is still small after infiltration, the color shift capability is limited when adjacent nanospheres are brought closer under upon larger strain (when ε > 10%). Therefore, compared with the visible light ranges, the color shift of the PEs upon stretching is relatively small in this work. The strain required for the color change is only about 10%.
As shown in Figure 3m, the tensile stress of the PDMS film without PS@SiO 2 colloidal crystals was 4.55 MPa, which was lower than that of the corresponding structural color film, indicating that the PS@SiO 2 colloidal crystals also contributed to the increase in mechanical stress of the film. The angle dependence of the structural colors was demonstrated by the yellow PS@SiO 2 PC and orange PE when the incident angle was varied from 0 • to 60 • . As shown in Figure 3n, 3o, the reflection wavelengths of the yellow PS@SiO 2 PC and the orange PE gradually decreased from 567 nm to 514 nm and 598 nm to 539 nm, respectively, demonstrating their angle dependence. The same phenomenon can be observed in other PEs.

Patterning of the PEs
Patterned PCs play an important role in many fields, especially in anti-counterfeiting and intelligent labels [48][49][50][51]. In this work, we took a useful and easy patterning method to prepare the patterned PEs as schematically shown in Figure 4a. To achieve this, PS@SiO 2 PCs assembled on the PDMS were carved into various patterns on demand, followed by the infiltration and curing of another PDMS layer as described earlier. Apparently, this new method offers a feasible way to prepares a variety of patterned PCs. As shown in Figure 4b, a series of PEs with different patterned were successfully prepared using the mask method (see the Materials and Methods for details). Obviously, these obtained PEs including the "apple", "cat", "house", "heart" and "duck" patterns have very distinct structural color with apparent boundaries. Importantly, all of them also show excellent mechanochromic performance. As shown in Figure 4c, the red "cat" patterns of PE shifted to orange and the orange "house" pattern turned into a green "house" pattern upon stretching. Once the tensile strain was released, their structural color of PEs can be restored to the initial states, showing their outstanding color changing ability and stability. As shown in Figure 3m, the tensile stress of the PDMS film without PS@SiO2 colloidal crystals was 4.55 MPa, which was lower than that of the corresponding structural color film, indicating that the PS@SiO2 colloidal crystals also contributed to the increase in mechanical stress of the film. The angle dependence of the structural colors was demonstrated by the yellow PS@SiO2 PC and orange PE when the incident angle was varied from 0° to 60°. As shown in Figure 3n, 3o, the reflection wavelengths of the yellow PS@SiO2 PC and the orange PE gradually decreased from 567 nm to 514 nm and 598 nm to 539 nm, respectively, demonstrating their angle dependence. The same phenomenon can be observed in other PEs.

Patterning of the PEs
Patterned PCs play an important role in many fields, especially in anti-counterfeiting and intelligent labels [48][49][50][51]. In this work, we took a useful and easy patterning method to prepare the patterned PEs as schematically shown in Figure 4a. To achieve this, PS@SiO2 PCs assembled on the PDMS were carved into various patterns on demand, followed by the infiltration and curing of another PDMS layer as described earlier. Apparently, this new method offers a feasible way to prepares a variety of patterned PCs. As shown in Figure 4b, a series of PEs with different patterned were successfully prepared using the mask method (see the Materials and Methods for details). Obviously, these obtained PEs including the "apple", "cat", "house", "heart" and "duck" patterns have very distinct structural color with apparent boundaries. Importantly, all of them also show excellent mechanochromic performance. As shown in Figure 4c, the red "cat" patterns of PE shifted to orange and the orange "house" pattern turned into a green "house" pattern upon stretching. Once the tensile strain was released, their structural color of PEs can be restored to the initial states, showing their outstanding color changing ability and stability.

Applications of the PEs as a Visualized Sensor
In consideration of their excellent mechanochromism, flexibility, and environmental stability, these PEs can be applied as visualized wearable devices for monitoring human motion states. When attached onto a human joint, the deformation of these PEs themselves can reflect the magnitude and frequency of the motion states in specific areas of the skin, which is crucial for human motion monitoring. In this case, the color change of a PE can visually reflect the motion state of the human joint, which can be directly perceived by human eyes and quantified by optical spectroscopy (Figure 5a). As a proof-of-concept, PEs were directly attached onto wrist, finger and elbow to monitor the motions of human joints as visualized wearable devices to demonstrate their application potential as advanced wearable interactive devices, as can be seen in Figure 5b-d.

Applications of the PEs as a Visualized Sensor
In consideration of their excellent mechanochromism, flexibility, and environmental stability, these PEs can be applied as visualized wearable devices for monitoring human motion states. When attached onto a human joint, the deformation of these PEs themselves can reflect the magnitude and frequency of the motion states in specific areas of the skin, which is crucial for human motion monitoring. In this case, the color change of a PE can visually reflect the motion state of the human joint, which can be directly perceived by human eyes and quantified by optical spectroscopy (Figure 5a). As a proof-of-concept, PEs were directly attached onto wrist, finger and elbow to monitor the motions of human joints as visualized wearable devices to demonstrate their application potential as advanced wearable interactive devices, as can be seen in Figure 5b-d. Taking the wrist motion as an example, it can be clearly seen that when the wrist of the human began to bend, the color changes of the PE switched from red to orange. This phenomenon was further confirmed by the reflectance spectra, with the reflection peak Taking the wrist motion as an example, it can be clearly seen that when the wrist of the human began to bend, the color changes of the PE switched from red to orange. This phenomenon was further confirmed by the reflectance spectra, with the reflection peak shifting from 632 to 618 nm (Figure 5b). Moreover, when the wrist of the human was returned to the straight position, the structural color of the PE was restored to its original state correspondingly. In addition, the structural colors and optical signal response of the PEs remained constant, even undergoing continuous wrist bending, showing excellent stability and durability in repeated motion tracking (Figure 5e). Similarly, stable optical signal responses of the PEs were also observed in other joint motion monitoring procedures, as shown in Figure 5c,d,f,g. When monitoring human motions via the PEs, their color changes were not affected by the angle variations in most cases because of the fixed observation angle.
Based on the above results, the PEs have the capability to detect movements of the human body as visualized devices. In comparison with other kinds of sensors, such PEs are able to intuitively indicate the motions of human joints through the optical signal response, which brings great application potential in human-machine interaction and health monitoring.

Conclusions
To sum up, we successfully developed a series of novel mechanochromic PEs with brilliant structural colors and stable optical responses, and demonstrated their application in the field of human motion monitoring. Notably, these PEs with a sandwich structure were obtained by embedding PS@SiO 2 PCs within a PDMS elastomer. Due to the existence of a refractive index difference and sandwich structure, the PEs show not only brilliant structural colors, but also outstanding structural integrity. Attractively, they have admirable mechanochromic properties via lattice spacing regulation, and their optical signal response performances remain unaffected, even when suffering from 100 stretching-releasing cycles, revealing excellent reliability, durability, and stability. Furthermore, a series of PEs with colorful patterned were effectively designed and prepared using a facile mask method. Based on the above merits, we have demonstrated their versatile abilities as visualized devices for monitoring human joint motions (i.e., wrist, elbow, and finger bending). We believe that PEs will have a great application prospects in the intelligent wearable device, photonic skin, human-machine interaction, health monitoring, and many other sensing fields.  Table S1: Zeta-Sizer of three kinds of cross-linked PS emulsion; Table S2: Zeta-Sizer of five kinds of cross-linked PS@SiO 2 emulsion; Table S3: The calculated and measured value of the reflection peak positions λ max of the corresponding PS PC films; Table S4: The calculated and measured value of the reflection peak positions λ max of the corresponding PS@SiO 2 PC films.
Author Contributions: Conceptualization, K.Z. and Y.Z.; methodology and investigation, Y.Z. and Z.Y.; formal analysis, Y.Z. and K.Z.; writing-original draft preparation, Y. Z.; writing-review and editing, K.Z. and C.Y. discussion of experiments, Y.Z., K.Z., Z.Y. and C.Y. All authors have read and agreed to the published version of the manuscript.